﻿<?php
require_once("include/auth.php");

$title = "Data Graph";
require('include/header.php');
?>

<!-- Begin page content -->
<div class="container">
    <div class="page-header">
        <h1>Datagraph</h1>
    </div>

    <ul class="nav nav-tabs" style="margin-bottom: 15px;">
        <li class="active">
            <a href="#panel-chart" data-toggle="tab">Graph</a>
        </li>
        <li class="" id="Tab1">
            <a href="#panel-table" data-toggle="tab">Table</a>
        </li>
    </ul>

    <div id="myTabContent" class="tab-content">

        <div class="tab-pane active" id="panel-chart">
            <br />
            <div class="jumbotron well">
                <h1> Choose your device </h1>
                <p>
                    <select id="device-select-chart" style="width:70%;float:left;"></select>
                    <a class="btn btn-primary btn-large" id="chart-submit" style="width:20%;display:inline;float:right;">Choose</a>
                </p>
                <br /><br />
                <div id="chart-container"></div>
            </div>
        </div>

        <div class="tab-pane" id="panel-table">
            <div class="form-group" style="padding-top:20px">
                <label class="control-label" for="StartDate">Start Date [YYYY-MM-DD]</label>
                <input class="form-control input-sm" id="StartDate" type="text" />
            </div>
            <div class="form-group">
                <label class="control-label" for="EndDate">End Date [YYYY-MM-DD]</label>
                <input class="form-control input-sm" id="EndDate" type="text" />
            </div>
            <div class="form-group">
                <select id="device-select-table" style="width:70%;float:left;"></select>
                <button type="button" class="btn btn-primary" id="table-submit" style="width:20%;display:inline;float:right;">Submit</button>
            </div>
            <br />
            <div id="table-container"></div>
        </div>

    </div>

</div>

<script type="text/javascript" src="js/highstock.js"></script>
<script type="text/javascript" src="js/datagraph.js"></script>

<?php require("include/footer.php"); ?>
